.pc{ display:block}
.mm{ display: none}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul,li{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
a{text-decoration:none}
a:hover{color:#f60}
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important}
body{color:#333;font-size:16px;line-height:1.5;background:#fff;min-width:1200px;font-family:"微软雅黑","Microsoft Yahei",PingFangSC-Regular,"PingFang Regular",sans-self}
a{color:#333}
a:hover{color:#c2171d}
img{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
input,select,textarea{font-size:15px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
.wp{width:100%; max-width:1200px; margin:0 auto; overflow:hidden}



.header{
    background: url("../images/headerWrapBg.png") repeat-x scroll 0 0 #D7D7D7;
    height: 70px;
    width: 100%;
}

.header h1 {
    float: left;
    height: 45px;
    margin: 16px 0 0 5px;
    overflow: hidden;
    width: 195px;
}

.header ul.nav_main {
    float: right;
    overflow: auto;
}
.header ul.nav_main li {
    background: url("../images/nav_mainBorderR.png") no-repeat scroll right 0 transparent;
    float: left;
    line-height: 22px;
    margin-top: 32px;
}
.header ul.nav_main li a {
    display: block;
    margin: 0 20px;
    padding-bottom: 3px;
    white-space: nowrap; font-size:16px
}
.header ul.nav_main li a:link {
    color: #333333;
    text-decoration: none;
}
.header ul.nav_main li a:visited {
    color: #333333;
    text-decoration: none;
}
.header ul.nav_main li a:hover {
    color: #E17209;
    text-decoration: none;
}
.header ul.nav_main li a:active {
    color: #333333;
    text-decoration: none;
}
.header ul.nav_main li a.current {
    border-bottom: 2px solid #EA960C;
    color: #E17209;
}





/* banner */
.banner{ min-width:1200px;  position:relative;  height:650px; overflow:hidden; background:url(../images/bg0.png) repeat-x top }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:650px; }
.banner .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height:650px; }
.banner .bd li a{ height:650px; display:block; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.banner .prev{  transition: all .25s ease 0s; 
    -moz-transition: all .25s ease 0s;
   -webkit-transition: all .25s ease 0s; 
    -o-transition: all .25s ease 0s; background:rgba(0,0,0,.4) url(../images/arrow-left.png) no-repeat  center center; width:80px; height:120px; position:absolute;left:-100px;top:220px; cursor:pointer}
.banner .next{    transition: all .25s ease 0s; 
    -moz-transition: all .25s ease 0s;
  -webkit-transition: all .25s ease 0s; 
    -o-transition: all .25s ease 0s; background:rgba(0,0,0,.4) url(../images/arrow-right.png) no-repeat center center; width:80px; height:120px; position:absolute;right:-100px;top:220px; cursor:pointer}

.banner:hover .prev{left:0px;}
.banner:hover .prev:hover{background:rgba(0,0,0,.6) url(../images/arrow-left.png) no-repeat  center center; }
.banner:hover .next{right:0px; }
.banner:hover .next:hover{background:rgba(0,0,0,.6) url(../images/arrow-right.png) no-repeat center center;  }







.weibu{ overflow:hidden; width:100%; min-width:100%; background:#294d82;}
.weibu .weibuq{ overflow:hidden; width:1200px; margin:0 auto; margin-top:20px;}
.weibu  .zc{ float:left; width:690px;}
.weibu  .zc ul{ float:left; width:190px; margin-right:40px;}
.weibu  .zc ul span{ display: block; border-bottom:#28c4d4 1px solid; height:30px; line-height:30px; font-size:17px; text-align:left; text-align:5px; color:#FFF}
.weibu  .zc ul span a{color:#FFF}
.weibu  .zc ul li{height:25px; line-height:25px; text-align:left; text-align:5px; font-size:15px;}
.weibu  .zc ul  em{ font-style:normal; padding-left:10px;}
.weibu  .zc ul li a{ color:#a3b9ca;}
.weibu  .zc ul li a:hover{color:#fff}
.weibu  .yc{ float: right; width:430px; text-align:left;}
.weibu  .yc .jj{ color:#a3b9ca; height:20px; line-height:21px; text-align:justify; text-justify:inter-ideograph; font-size:15px; margin-bottom:20px;}


.weibu  .yqlj{margin-top:20px; height:auto; line-height:25px; text-align:left; text-align:justify; text-justify:inter-ideograph; font-size:15px; padding-bottom:10px;}
.weibu  .yqlj a{color:#a3b9ca; margin-right:10px; }
.weibu  .yqlj a:hover{color:#fff}

.weibu .bqs{ clear:both; text-align:center; color:#a3b9ca; padding-top:10px;padding-bottom:10px; font-size:15px; line-height:25px; border-top:#1e407d 1px solid; background:#18316c;}
.weibu .bqs  a{color:#a3b9ca;}
.weibu .bqs  a:hover{color:#fff}






.sy1{ margin-top:50px;}
.sy1 .mc{ text-align:center; font-size:36px; height:50px; line-height:50px; overflow:hidden;}
.sy1 .tp1{width:400px; margin-top:30px; float:left; height:300px; overflow:hidden; position:relative; text-shadow:2px 2px 10px LightSlateGray;}
.sy1 .tp1 img{ width:400px; height:300px;}
.sy1 .tp1 img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
  }






.sy1 .tp1 .index-main-inf{ width:400px; height:130px; overflow:hidden; position:absolute; top:155px; left:0px; text-align:center;}


.index-main-inf span {
    text-align:left;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 1px; display:block; padding-left:20px; padding-right:20px;
}



.index-main-inf span:first-of-type {
    text-align:left;
    font-size: 32px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.sy1 .sp1{ width:400px; height:300px; float:right; margin-top:30px; background:#505050;}
.sy1 .sp1 .sw_on_video{ width:400px; height:300px;}
.sy1 .xmc{ text-align:center; font-size:24px; height:50px; line-height:50px; overflow:hidden; margin-top:10px;}



.sy2{margin-top:70px;}
.sy2 .mc{ text-align:center; font-size:36px; height:50px; line-height:50px; overflow:hidden}
.sy2 ul{ width:1100px; margin:0 auto; margin-top:35px;}
.sy2 ul li{ float:left; width:275px; margin-bottom:30px;}
.sy2 ul li img{ float:left; display:block; width:88px; height:88px;}
.sy2 ul li span{ float:left; display:block; width:175px; height:88px; line-height:88px; padding-left:10px; font-size:24px}







.sy2 .xmc{ text-align:center; font-size:16px; overflow:hidden; width:180px; margin:0 auto;}
.sy2 .xmc a{ height:50px; line-height:50px; display:block; border:#09F 1px  solid}
.sy2 .xmc a:hover{ background:#09F; color:#FFF}


.sy3{margin-top:80px; margin-bottom:50px;}
.sy3 .mc{ text-align:center; font-size:36px; height:auto; line-height:30px; overflow:visible;}
.sy3 ul{  margin-top:40px;}
.sy3 ul li{ float:left; width:25%; margin-bottom:30px; text-align:center}
.sy3 ul li img{width:280px; height:80px;}


.solutions{ background:url(../images/tdbj.jpg) no-repeat top center; width:100%; height:280px;}
.solutions .mc{ text-align:center; font-size:32px; height:50px; line-height:50px; overflow:hidden; color:#FFF; margin-top:60px;}
.solutions ul{  margin-top:30px; padding-left:100px; padding-right:100px;}
.solutions ul li{ float:left; width:120px; margin-bottom:40px; text-align:center}
.solutions ul li img{width:82px; height:82px;}
.solutions ul a:hover img{
-webkit-transform: translateY(-3px) scale(1.2);
-moz-transform: translateY(-3px) scale(1.2);
-ms-transform: translateY(-3px) scale(1.2);
-o-transform: translateY(-3px) scale(1.2);
transform: translateY(-3px) scale(1.2);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background: transparent;}
.solutions ul li span{ display:block; text-align:center; color:#FFF; height:30px; line-height:30px; margin-top:-2px;}



.cp1{ height:500px;}
.cp1 .tp{ float:right; width:500px; padding-top:50px; padding-right:30px; text-align:center;}
.cp1 .tp img{max-width:500px}
.cp1 .wz{ float:left; width:660px; padding-top:100px; height:500px; background:url(../images/jiant1.jpg) no-repeat  left center; padding-left:100px;}
.cp1 .wz .shuzu{ float:left; height:100px; font-size:82px; width:85px; font-weight:normal; letter-spacing:-2px; font-family:Impact; color:#36a0da;}
.cp1 .wz .mc{ font-size:32px; height:55px; line-height:50px; margin-top:16px; color:#525252;}
.cp1 .wz .mc1{ font-size:24px; height:20px; line-height:25px; color:#36a0da;}
.cp1 .wz .jj{ font-size:16px; color:#525252; line-height:25px; margin-top:20px;}

.cp2{ height:500px;background:#efefef;}
.cp2 .tp{ float:left; width:500px; padding-top:50px; padding-right:30px; text-align:center;}
.cp2 .tp img{max-width:500px}
.cp2 .wz{ float:right; width:620px; padding-top:100px; height:500px; background:url(../images/jiant2.jpg) no-repeat right center; padding-right:100px;}
.cp2 .wz .shuzu{ float:left; height:100px; font-size:82px; width:85px; font-weight:normal; letter-spacing:-2px; font-family:Impact; color:#f28d01;}
.cp2 .wz .mc{ font-size:32px; height:55px; line-height:50px; margin-top:16px; color:#525252;}
.cp2 .wz .mc1{ font-size:24px; height:20px; line-height:25px;; color:#f28d01;}
.cp2 .wz .jj{ font-size:16px; color:#525252; line-height:25px; margin-top:20px;}





.about{ background:url(../images/gybj.jpg) no-repeat top center; width:100%; height:auto;}
.about .mc{ text-align:center; font-size:32px; height:50px; line-height:50px; overflow:hidden; color:#FFF; margin-top:60px; margin-bottom:50px;}
.about .gynr{ background:#FFF;  margin-top:30px;}
.about .gynr img{ max-width:100%; height:auto !important}
.about .gyjj{ background: url(../images/about1.jpg) no-repeat left top; width:100%; margin:0 auto; height:auto; padding-top:25px; padding-left:40px; padding-right:40px; line-height:25px; overflow:hidden}
.about .gyjj .bt{ text-align:left; font-size:24px; height:30px; line-height:30px; overflow:hidden; margin-top:20px; margin-bottom:10px;}
.about .gyjj p{ width:60%; margin-bottom:10px; text-align:justify; text-justify:inter-ideograph;}
.about .gyjj ul{ margin-top:40px;}
.about .gyjj ul li{ float:left; width:25%; margin-bottom:30px; text-align:center;}
.about .gyjj ul li img{width:280px; height:80px;}


.down{ background:url(../images/xzbj.jpg) no-repeat top center; width:100%;}
.down .mc{ text-align:center; font-size:32px; height:50px; line-height:50px; overflow:hidden; color:#FFF; margin-top:60px; margin-bottom:30px; }
.down .cplb{ float:left; width:400px; background:#dff0ff; margin-top:30px; padding:20px;}
.down .cplb .tp{ text-align:center}
.down .cplb .xmc{ font-size:24px; height:40px; line-height:40px;}
.down .cplb .qt{ font-size:14px; color:#999}
.down .cplb .jj{ font-size:15px; color: #666; line-height:24px; margin-top:10px;}
.down .cplb .xz{ margin-top:20px;}
.down .cplb .xz a{ display:block; float:left; color:#09F; border:#09F 1px solid; padding-left:10px; padding-right:10px; min-width:120px; height:50px; line-height:50px; margin-right:10px; margin-bottom:15px; font-size:18px; text-align:center;}
.down .cplb .xz a:hover{ background:#09F; color:#FFF;}


.cpqt{ margin-top:20px; margin-bottom:30px; overflow:hidden}
.cpqt .flxz{ border-bottom:#CCC 1px solid; height:40px; line-height:40px; text-align:right}
.cpqt .flxz a{ padding-left:16px;}
.czxt{ float:left; width:400px; border-right:#CCC 1px solid; text-align:left;}
.czxt .xmc{ font-size:18px;}
.czxt .czjj{ padding-top:5px; line-height:25px;}
.qtxx{ float:left; width:800px; display:inline-table; text-align:center;}
.qtxx a{ display: inline-block; color:#09F; border:#09F 1px solid; padding-left:10px; padding-right:10px; min-width:120px; height:45px; line-height:45px; margin-left:20px;margin-right:20px; margin-top:90px; font-size:16px; text-align:center;}
.qtxx a:hover{ background:#09F; color:#FFF;}




.buy{ background:url(../images/gmbj.jpg) no-repeat top center; width:100%; height:280px;}
.buy .mc{ text-align:center; font-size:32px; height:50px; line-height:50px; overflow:hidden; color:#FFF; margin-top:60px; margin-bottom:50px; }
.buy .jj{ text-align:center; font-size:18px; line-height:32px; overflow:hidden; color:#FFF; padding-top:0px; padding-bottom:50px; margin-top:0px;}


.cpgn{ padding-top:30px;}
.cpgn .mc{ font-size:24px; text-align:center; padding-bottom:10px; }

.biaoge1 { float:left; width:580px;}
.biaoge2 { float:right; width:580px;}


.biaoge1 table{ width:100%; border-collapse: collapse;}
.biaoge1 th,td{padding: 0;}
.biaoge1 th{ background:#F3F3F3; height:40px; line-height:40px;}
.biaoge1 th,td{ border: 1px solid #ccc; text-align: center; }

.biaoge2 table{ width:100%; border-collapse: collapse;}
.biaoge2 th,td{padding: 0;}
.biaoge2 th,td{ border: 1px solid #ccc; text-align: center; }
.biaoge2 th{ background:#F3F3F3; height:40px; line-height:40px;}

.cpgn .jj{text-align:center; padding-top:20px; padding-bottom:30px; }


.fkewm{padding-top:30px;}
.fkewm .mc{ font-size:24px; text-align:center; padding-top:20px; padding-bottom:25px; }

.fkewm ul{ overflow:hidden; margin-left:-26px;}
.fkewm ul li{ float:left; width:260px; margin-left:26px;}
.fkewm ul li img{width:260px;}
.fkewm ul liother{ float:left; width:588px; margin-left:26px; text-align: center;}
.fkewm ul liother .mc{ font-size:22px; text-align:center; padding-top:35px; padding-bottom:15px; color:#ff6c00;}
.fkewm .mc2{ text-align:center; margin-top:30px; margin-bottom:50px;}
.fkewm .mc2 a{ display:inline-block; width:180px; font-size:18px; color:#09F; border:#09F 1px solid; padding-left:10px; padding-right:10px; height:45px; line-height:43px;}
.fkewm .mc2 a:hover{ background:#09F; color:#FFF;}



.help{ background:url(../images/bzbj.jpg) no-repeat top center; width:100%;height:280px;}
.help .mc{ text-align:center; font-size:32px; height:50px; line-height:50px; overflow:hidden; color:#FFF; margin-top:60px; margin-bottom:50px; }
.help .sszx{ width:720px; margin:50px auto; }
.help .tj{ width:110px; border:#FFF 1px solid; text-align:center; padding-left:10px; padding-right:10px; float:right}
.help .tj a{ display:block; color:#FFF; height:38px; line-height:38px;}
.help .ss { float:left; width:580px;}
#searchform{width:100%; background:#FFF; margin:0 auto;margin-top:0px;  overflow:hidden;position:relative;border-radius:6px;}
#searchform .s_t{width:100%;border:#2b99f6 3px solid;height:43px;line-height:43px;padding-left:25px;background:url(../images/search.png) left no-repeat;color:#999;display:inline; }
#searchform .so{ position:absolute;right:0px;top:0px;width:80px;height:43px;background:#2b99f6;border:0;color:#fff;text-align:center;cursor:pointer;display:inline;font-size:15px;}


.bzlb{ padding-top:20px; margin-bottom:50px;}
.bzlb .zc{ float:left; width:300px;}
.bzlb .zc .mc{ background:url(../images/help_title.jpg) no-repeat left;padding-left:20px; font-size:19px; height:30px; line-height:30px;}
.bzlb .zc ul{ margin-bottom:20px;}
.bzlb .zc ul li{ background:#f7f7f6; height:35px; line-height:35px; padding-left:10px; margin-top:6px; font-size: 14px}
.bzlb .zc ul li a{ color:#3076cd;}



.bzlb .yc{ float: right; margin-top:-22px; width:880px;}
.bzlb .yc .mc{ font-size:19px; height:30px; line-height:30px;}
.bzlb .yc ul{ margin-top:20px;}
.bzlb .yc ul li{ background: url(../images/help_list.jpg) no-repeat left; height:28px; line-height:28px; padding-left:10px;  }
.bzlb .yc ul li a{ color:#3076cd}

.tc-yc{z-index:9998;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;display:none;background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);background-color:rgba(0,0,0,0.5)}

.tjxx{ width:400px; margin:0 auto; display:none; position:fixed;top:30%;left:50%; margin-left:-200px; background: #FFF;z-index:9999; padding:20px;  border-radius: 10px;}
.tjxx  .mc{ font-size:20px; height:30px; line-height:30px; text-align:center}
    .contact_usm_ul {
        width: 100%;
    }

    .contact_usm_li {
        border: 1px solid black;
        border-radius: 10px;
        padding: 6px 9px;
        margin: 28px 0;
    }

    .contact_usm_li_l {
        line-height: 12px;
    }

    .contact_usm_input {
        width: 80%;
        outline: none;
        border: none;
        margin-left: 5px;
    }

    .contact_usm_text {
        width: 100%;
	height: 120px;
        overflow: auto;
        word-break: break-all;
        margin-top: 2px;
        outline: none;
        border: none;
        resize: none;
    }

    .contact_usm_send { width:100%;
        font-size:20px;
        border: 1px solid black;
        border-radius: 6px;
        padding: 5px 20px;
        background: white; margin-bottom:10px;
    }









.m-text2{margin-bottom:20px}
.m-text2 h1{font-size:30px;margin-bottom:22px; padding-top:20px; padding-bottom:20px;font-weight:400; color:#484a5a;border-bottom:1px   #ccc dashed;}
.m-text2 .title{text-align:center;}
.m-text2 .title .info{color:#6C4523; display:inline-table}
.m-text2 .title .info .rq{display:inline-block; }
.m-text2 .title .info .cc{display:inline-block; margin-left:20px;}
.m-text2 .title .info em{ color:#F00;} 
.m-text2 .box{line-height:28px;font-size:16px;margin-bottom:23px;border-bottom:1px   #ccc dashed;padding-bottom:20px; padding-top:30px;}
.m-text2 .box p{padding-bottom:20px;}

.m-text2 .box img { max-width:100%;}
.arrow{ overflow:hidden}
.arrow .prev{ float:left; width:45%}
.arrow .prev span{ display:block; background:#48B5F6; height:34px; line-height:34px;border-radius: 6px; color: #FFF; text-align:center; width:100px;}
.arrow .next{ float: right; width:45%}
.arrow .next span{ display:block; background:#48B5F6; height:34px; line-height:34px;border-radius: 6px; color: #FFF; text-align:center; width:100px;}
.arrow a{ display:block; height:30px; line-height:30px; overflow:hidden; margin-top:10px;}


.articles-list {
    margin-bottom: 30px;
}

.articles-list .xfb{
    position: relative;
    padding-bottom: 18px;
    border-bottom: 1px solid #e2eaec;
    padding-top: 18px;
}

.posts-item-content h3{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
}

.posts-item-content h3 > a{
    color: #307acd;
}

.posts-item-content h3 + p{
    font-size: 14px;
    color: #666666;
}

.bzej h2 {
    font-size: 19px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2eaec;
    padding-left: 4px;
    margin-bottom:10px;
    font-weight: bold;
}


.bzej .description {
    color: #666666;
    font-size: 16px;
    padding-left: 5px;
    line-height:20px; padding-bottom:10px;
}




.section-tree{ overflow:hidden; padding-top:20px;}
 .section {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.bzej .section h3 {
    font-size: 18px;
    padding-left: 10px;
    border-left: 2px solid #21d376;
    line-height: 1;
    margin-bottom: 20px;
}

.bzej .section h3 a {
    color: #374051;
}

.bzej .article-list {
    margin-bottom: 10px;
}

.bzej .section .more {
    font-size: 14px;
    margin-left: 12px;
    color: #777777;
}




.main-header {
    height: 88px;
    background: #4A99ED;
}

.main-header .breadcrumbs {
    float: left;
    margin-bottom: 0;  color: #fff;
}

.main-header .breadcrumbs a {
    font-size: 16px;
    color: #fff;
    line-height: 88px;
}


.main-header .ss1{ width:400px;
    float: right;
    position: relative;
    margin-top: 22px;
}





.target-fix {  
    position: relative;  
    top: -60px; // 偏移值  
    display: block;  
    height: 0;  
    overflow: hidden;  
} 










#toolitembar {
	position: fixed;
	right: 10px;
	bottom: 65px;
	z-index: 999;
}

#toolitembar a {
	position: relative;
	display: block;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
	background-color: rgba(3,169,244,.7);
	color: #fff;
	text-align: center;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}

#toolitembar a:hover {
	background-color: #00c8f2;
}

#toolitembar a:hover:after {
	display: block;
}

#toolitembar a:hover:before {
	display: block;
}

#toolitembar span {
	display: block;
	margin-top: -2px;
	font-size: 12px;
}

#back-top {
	opacity: 0;
	-webkit-transition: all .6s cubic-bezier(.175,.885,.32,1.275);
	-moz-transition: all .6s cubic-bezier(.175,.885,.32,1.275);
	-o-transition: all .6s cubic-bezier(.175,.885,.32,1.275);
	transition: all .6s cubic-bezier(.175,.885,.32,1.275);
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-o-transform: translateY(60px);
	transform: translateY(60px);
	-ms-transform: translateY(60px);
}

#back-top.show {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-ms-transform: translateY(0);
}

#toolitembar i {
	display: block;
	margin-bottom: 5px;
	padding-top: 9px;
	font-size: 24px;
}

#toolitembar-support i {
	font-size: 23px;
}

#toolitembar-support:hover {
	background: #21d376!important;
}

#toolitembar-phone:hover {
	background: #ffa900!important;
}

#toolitembar-info:hover {
	background: #ff697b!important;
}

#back-top:before,#toolitembar-phone:before,#toolitembar-support:before,#toolitembar-info:before {
	position: absolute;
	top: 0;
	right: 67px;
	display: none;
	padding: 0 10px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	content: "小易恭候多时~";
	white-space: nowrap;
	font-size: 15px;
	font-family: '微软雅黑';
	line-height: 60px;
}

#toolitembar-phone:before {
	content: "电话：13883098543";
}

#back-top:before {
	content: "飞回去~";
}

#back-top:after,#toolitembar-phone:after,#toolitembar-support:after {
	position: absolute;
	top: 50%;
	right: 63px;
	display: none;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-bottom: 3px solid transparent;
	border-left: 4px solid rgba(0,0,0,.6);
	content: "";
	border-to
p: 3px solid transparent;
}

#toolitembar-phone i {
	font-size: 22px;
}

#toolitembar-info:before {
	padding: 0;
	width: 150px;
	height: 181px;
	background: url(../images/gzh.jpg) no-repeat;
	background-size: 100%;
	content: "";
}

#toolitembar .icon-live-help{width:60px; height:34px; background:url(../images/tip_qq.png) no-repeat center 10px;}
#toolitembar .icon-call{width:60px; height:34px; background:url(../images/tip_tel.png) no-repeat center 10px;}
#toolitembar .icon-info{width:60px; height:34px; background:url(../images/tip_wx.png) no-repeat center 10px;}
#toolitembar .icon-chevron-thin-up{width:60px; height:34px; background:url(../images/tip_top.png) no-repeat center 10px;}